/* Typography */
h1 {
    font-size: 48px;
    line-height: 77px;
}

h2 {
    font-size: 36px;
    line-height: 58px;
}

h3 {
    font-size: 28px;
    line-height: 45px;
}

h4 {
    font-size: 24px;
    line-height: 38px;
}

h5 {
    font-size: 20px;
    line-height: 32px;
}

h6 {
    font-size: 16px;
    line-height: 26px;
}

p {
    font-size: 14px;
    /*line-height: 22px;*/
}

/* Icon box */
.icon_box {
    position: relative;
    padding: 10px 10px;
    margin-bottom: 15px;
}

.icon_box:hover {
    cursor: default;
}

.icon_box_bg {
    border-radius: 2px;
    background-color: #f6f6f6;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: 2.121px 2.121px 0px 0px rgba(0, 0, 0, 0.1);
    border-radius: 4px !important;
    overflow: hidden;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}

.dark .icon_box_bg {
    background-color: rgba(255, 255, 255, 0.1);
}

.icon_box_bg:hover {
    background: #333333;
}

.icon_box_bg:hover *, .icon_box_bg:hover .desc_wrapper .desc, .icon_box_bg:hover .desc_wrapper h5, .icon_box_bg:hover .icon_wrapper i {
    color: #fff;
}

.icon_box.has_border:after {
    content: "";
    display: block;
    width: 0px;
    height: 100%;
    border-width: 0 1px 0 0;
    border-style: solid;
    position: absolute;
    right: -2.4%;
    top: 0;
}

.icon_box a {
    display: block;
}

.icon_box a:hover {
    text-decoration: none;
}

.icon_box .icon_wrapper {
    width: 100%;
    height: 110px;
    text-align: center;
    line-height: 110px;
    font-size: 90px;
    position: relative;
    overflow: hidden;
    margin: 0 auto 15px;
    display: block;
}

.icon_box .icon_wrapper i {
    z-index: 2;
    position: relative;
    color: #dddddd;
}

.dark .icon_box .icon_wrapper i {
    color: rgba(255, 255, 255, .6);
}

.dark .icon_box_bg:hover i {
    color: #fff;
}

/*.icon_box .icon_wrapper { background-color: #fff; -webkit-box-shadow:inset 0 0 7px 0 rgba(0,0,0,.08); box-shadow:inset 0 0 7px 0 rgba(0,0,0,.08); }*/
.icon_box .image_wrapper {
    text-align: center;
    margin: 0px 10px;
    margin-bottom: 15px;
    border-radius: 3px;
}

.icon_box .image_wrapper img {
    border-radius: 3px;
    margin: auto;
}

.icon_box .desc_wrapper {
    text-align: center;
}

.icon_box .desc_wrapper h5 {
    font-weight: bold;
    color: #9aa1a9;
    margin-bottom: 20px;
}

.icon_box .desc_wrapper .desc {
    position: relative;
    top: -10px;
    color: #9aa1a9;
}


.test1 {
    background: url("../images/bg.jpg") fixed;
    background-color: rgb(67, 50, 86);
    padding: 50px;
}

#editor, #pix_section_source {
    /*position: absolute;*/
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#pix_section_img_div {
    background: rgba(0, 0, 0, 0.1);
    padding: 5px;
    /*border-radius: 4px;*/
    border-bottom: 1px solid #333;
    display: inline-block;
    position: relative;
}

#pix_section_img_div .row {
    padding-bottom: 5px;
}

#pix_section_img_div .media-left {
    width: 40%;
}

#pix_section_img_div input {
    background: transparent;
    border: 0px;
    outline: none;
    box-shadow: none !important;
    width: 100%;
    padding: 0px !important;
    margin: 0px;
    box-sizing: border-box;

}

#pix_section_img {
    max-width: 100%;
    height: auto;
}


/* Right Sidebar */
#right_sidebar .right_inner {

}

.pix_right_header {
    margin: 10px 0;
}

.pix_right_header .title {
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 5px;
    font-size: 15px;
}

#right_sidebar .nav-tabs {
    border: 2px solid #eee;
    border-radius: 4px;
    display: inline-block;

}

#right_sidebar .nav-tabs li {
    background: transparent;
    margin: 0px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

#right_sidebar .nav-tabs li.active {
    background: #eee;
    box-shadow: none !important;
    border: 0px;
}

#right_sidebar .nav-tabs li a {
    background: transparent;
    box-shadow: none !important;
    border: 0px;
    padding: 6px 20px;
    border-right: 2px solid #eee;
    border-radius: 0px;
    font-weight: bold;
    color: #eee;
    text-decoration: none;
    font-size: 12px;
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 1px;
}

#right_sidebar .nav-tabs li:last-child a {
    border-right: 0px;
}

#right_sidebar .nav-tabs li.active a {
    color: #444;
}

#right_sidebar label {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: normal;
}


.pix_form_preview {
    display: inline-block;
}

/* Gallery */
#pix_gallery_div .thumbnail {
    border: 0px;
}

#pix_gallery_div .thumbnail {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    border: 2px solid #ddd;
}

#pix_gallery_div .thumbnail.clicked {
    border: 2px solid #333 !important;
}


body.modal-open {
    overflow-y: auto;
    padding-right: 0px !important
}

.modal.in {
    margin: 0px !important;
    padding: 0px !important;
    right: 0px !important
}

.modal-content {
    border: none;
    border-radius: 2px;
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

.modal-header {
    border-bottom: 0;
    padding-top: 15px;
    padding-right: 26px;
    padding-left: 26px;
    padding-bottom: 0px;
}

.modal-title {
    font-size: 34px;
}

.modal-body {
    border-bottom: 0;
    padding-top: 5px;
    padding-right: 26px;
    padding-left: 26px;
    padding-bottom: 10px;
    font-size: 15px;
}

.modal-footer {
    border-top: 0;
    padding-top: 0px;
    padding-right: 26px;
    padding-bottom: 26px;
    padding-left: 26px;
}

/*.btn-default,.btn-primary {
    border: none;
    border-radius: 2px;
    display: inline-block;
    color: #424242;
    background-color: #FFF;
    text-align: center;
    height: 36px;
    line-height: 36px;
    outline: 0;
    padding: 0 2rem;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    letter-spacing: .5px;
    transition: .2s ease-out;
}
.btn-default:hover{
  background-color: #FFF;
  box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}
.btn-primary {
  color: #FFF;
  background-color: #2980B9;
}
.btn-primary:hover{
  background-color: #2980B9;
  box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}*/

/* original */
.pix-original-1 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/bg-image.jpg');
    background-size: cover;
    background-position: center;
}

/* Startup */
.pix-startup-intro {
    background-image: linear-gradient(rgba(54, 63, 72, 0.85), rgba(54, 63, 72, 0.85)), url('../images/intro-bg.jpg');
    background-size: cover;
    background-position: center;
}

.pix-startup-1 {
    background-image: url('../images/image-1.png');
}

.pix-startup-2 {
    background-image: url('../images/image-2.png');
}

/* Product */
.pix-product-1 {
    background-image: linear-gradient(rgba(208, 225, 0, 0.75), rgba(208, 225, 0, 0.75)), url('../images/bg-video-product.jpg');
    background-size: cover;
    background-attachment: fixed;
}

/* Saas */
.pix-saas-intro {
    position: relative;
    top: -5px;
}

.pix-saas-1 {
    background-image: url('../images/bg-intro.png');
    background-size: cover;
    background-attachment: fixed;
}

/* Real Esate */
.pix-real-intro {
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/intro-bg.jpg');
    background-size: cover;
    background-attachment: fixed;
}

.pix-real-1 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/intro-bg.jpg');
    background-size: cover;
    background-attachment: fixed;
}

.pix-real-highlight {
    background-image: url('../images/bg-highlight-left.jpg');
    background-size: cover;
    background-position: center;
}

.feature_align {
    padding-left: 3px;
    position: relative;
    top: 4px;
}

/* Agency */
.pix-agency-1 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/bg-intro-agency.jpg');
    background-size: cover;
    background-position: center;
}

.agency-feature {
    background-size: cover;
    border-radius: 3px;
    overflow: hidden;
    padding-top: 170px;
    padding-bottom: 30px;
}

.agency-feature-1 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/image-box-1.png');
}

.agency-feature-2 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/image-box-2.png');
}

.agency-feature-3 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/image-box-3.png');
}

.media-box-area {
    display: table-cell;
}

.media-box-area .pix-inner {
    padding-left: 5px;
    padding-right: 5px;
}

.col-md-1 .media-box-area, .col-md-2 .media-box-area, .col-md-3 .media-box-area, .col-md-4 .media-box-area {
    width: 100%;
    display: table-row;
    text-align: center;
}

.col-md-1 .media-box-area .pix-inner,
.col-md-2 .media-box-area .pix-inner, .col-md-3 .media-box-area .pix-inner,
.col-md-4 .media-box-area .pix-inner {
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (max-width: 768px) {
    .media-box-area {
        width: 100%;
        display: table-row;
        text-align: center;
    }

    .media-box-area .pix-inner {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .media-sm-center {
        display: table;
        width: 100%;
    }

    .pix-sm-text-center {
        text-align: center;
    }
}

.big-icon-link i {
    font-size: 64px;
    margin: 10px 30px;
    line-height: 64px;
    display: inline-block;
}

.big-icon-link:hover, .big-icon-link:focus {
    text-decoration: none;
    opacity: 0.7;
}

/* Showcase */
.pix-showcase-1 {
    background-image: linear-gradient(rgba(54, 63, 72, 0.8), rgba(54, 63, 72, 0.8)), url('../images/bg-intro.jpg');
    background-size: cover;
    background-attachment: fixed;
}

.pix-showcase-2 {
    background-image: linear-gradient(rgba(0, 156, 222, 0.7), rgba(0, 156, 222, 0.7)), url('../images/bg-intro.jpg');
    background-size: cover;
    background-attachment: fixed;
}

.pix-showcase-highlight-1 {
    background-image: url('../images/bg-highlight-left.jpg');
    background-size: cover;
    background-attachment: fixed;
}

.pix-showcase-highlight-2 {
    background-image: url('../images/bg-highlight-right.jpg');
    background-size: cover;
    background-attachment: fixed;
}

/* corporate */
.pix-corporate-1 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/bg.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.pix-corporate-highlight {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/bg-highlight-right.jpg');
    background-size: cover;
    background-attachment: fixed;
}

/* Business */
.pix-business-1 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/bg-intro.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: top;
}

.pix-business-2 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/video-section-bg.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

/* SEO */
.pix-seo-1 {
    background-image: url('../images/seo-intro-bg.png');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

/* Marketing */
.pix-marketing-1 {
    background-image: linear-gradient(rgba(234, 67, 53, 0.4), rgba(234, 67, 53, 0.4)), url('../images/bg-intro-agency.jpg');
    background-size: cover;
    background-position: center;
}

/* Shop */
.pix-shop-1 {
    background-image: url('../images/shop-intro-image.png');
    background-size: cover;
    background-position: center;
}

/* Medical */
.pix-medical-1 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/bg-intro.jpg');
    background-size: cover;
    background-position: top;
}

/* creative */
.pix-creative-intro {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/bg-intro-creative.jpg');
    background-size: cover;
    background-position: center;
}

.pix-creative-1 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/bg-clients-section.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.pix-creative-2 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/bg-video-section.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

/* sport */
.pix-sport-1 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/intro-bg-stade.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.pix-sport-2 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/form-section-bg.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

/* car_rental */
.pix-car_rental-1 {
    background-image: url('../images/car-rental-intro-bg.png');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-color: #363F48;
}

.pix-t-gray-bg {
    background: rgba(0, 0, 0, 0.08);
}

.pix-car-highlight-1 {
    background-image: url('../images/bg-highlight-left.jpg');
    background-size: cover;
    background-attachment: fixed;
}

/* restaurant */
.pix-restaurant-1 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/intro-bg.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.pix-restaurant-2 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/intro-bg.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.pix-restaurant-highlight-1 {
    background-image: url('../images/highlight-bg.jpg');
    background-size: cover;
    background-position: center;
}

/* software */
.pix-software-1 {
    background-image: url('../images/intro-bg.jpg');
    background-color: #474747;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

/* elegant */
.pix-elegant-1 {
    background-image: url('../images/intro-bg.png');
    background-color: #237F52;
    background-size: cover;
    background-position: center;
}

/* travel */
.pix-travel-1 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../images/intro-bg-3.jpg');
    background-size: cover;
    background-position: center;
}

.pix-travel-highlight-1 {
    background-image: url('../images/intro-bg.jpg');
    background-size: cover;
    background-attachment: fixed;
}

/* ebook */
.pix-ebook-1 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/intro-bg-ebook.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

/* construction */
.pix-construction-1 {
    background-image: linear-gradient(rgba(54, 63, 72, 0.85), rgba(54, 63, 72, 0.85)), url('../images/main.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

/* app */
.pix-app-1 {
    background-image: url('../images/pattern-bg.png');
    background-color: #59A3FC;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

/* event */
.pix-event-1 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/intro-bg.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

/* company */
.pix-company-1 {
    background-image: url('../images/intro-company-pattern.png');
    background-color: #363f48;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.pix-company-2 {
    background-image: url('../images/intro-company-pattern.png');
    background-color: #00c853;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

/* deal */
.pix-deal-1 {
    background-image: url('../images/intro-pattern.png');
    background-color: #f7941d;
    background-size: auto;
    background-attachment: scroll;
    background-position: center;
}

.pix-deal-2 {
    background-image: url('../images/newsletter-pattern.png');
    background-color: #f4f4f4;
    background-size: auto;
    background-attachment: scroll;
    background-position: top;
    background-repeat: repeat-x;
}

/* hotel */
.pix-hotel-1 {
    background-image: linear-gradient(rgba(54, 63, 72, 0.85), rgba(54, 63, 72, 0.85)), url('../images/intro-bg-hotel.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.pix-hotel-2 {
    background-image: linear-gradient(rgba(54, 63, 72, 0.85), rgba(54, 63, 72, 0.85)), url('../images/box-bg.jpg');
    background-size: auto;
    background-attachment: scroll;
    background-position: center;
}

/* modern */
.pix-modern-1 {
    background-image: linear-gradient(rgba(54, 63, 72, 0.15), rgba(54, 63, 72, 0.01)), url('../images/intro-modern-bg.jpg');
    background-color: #363f48;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

/* studio */
.pix-studio-1 {
    background-image: linear-gradient(rgba(0, 200, 83, 0.8), rgba(0, 200, 83, 0.8)), url('../images/studio-intro.jpg');
    background-color: #363f48;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

.pix-studio-2 {
    background-image: linear-gradient(rgba(0, 200, 83, 0.8), rgba(0, 200, 83, 0.8)), url('../images/studio-form-bg.jpg');
    background-color: #363f48;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

.pix-studio-3 {
    background-image: linear-gradient(rgba(0, 200, 83, 0.8), rgba(0, 200, 83, 0.8)), url('../images/studio-testimonials-bg.jpg');
    background-color: #363f48;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

/* coming soon */
.pix-coming-soon-1 {
    background-image: linear-gradient(rgba(18, 116, 231, 0.70), rgba(18, 116, 231, 0.70)), url('../images/coming-soon-intro.jpg');
    background-color: #363f48;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

/* popups */
.pix-popup-15 {
    background: transparent !important;
    box-shadow: none !important;
}

.pix-popup-15 .close {
    color: #efefef;
}

.pix-popup-16 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url('../images/popup-16.jpg');
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

.pix-popup-17 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url('../images/popup-17.jpg');
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

.pix-popup-18 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/popup-18.jpg');
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
}

.pix_section .pix_section .row {
    margin: 0px;
}

/* Navbar */
.pix-navbar-default {
    background: transparent;
    border: 0px;
}

.pix-navbar-default .logo-img {
    margin-top: 0px;
    display: block;
    padding: 10px 0;
    height: 100%;
    width: auto;
}

.pix-navbar-default .logo-img img {
    display: inline-block;
    max-height: 100%;
    width: auto;
}

.pix-header-item {
    padding-top: 14px;
    padding-bottom: 14px;
    line-height: 20px;
    display: inline-block;
}

/* highlight */
.highlight-left,
.highlight-right {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
}

.highlight-left {
    left: 0;
}

.highlight-right {
    right: 0;
}

.highlight-left > div,
.highlight-right > div {
    z-index: 2;
}

@media only screen and (max-width: 767px) {
    .highlight-left,
    .highlight-right {
        display: none;
    }

    .highlight-white-mobile {
        background: #fff;
    }

    .highlight-gray-mobile {
        background: #f4f4f4;
    }

    .highlight-mobile-image {
        display: inline-block;
        width: 100%;
        height: 500px;
        position: relative;
    }

    .highlight-section {
        background-size: cover;
        background-position: center;
    }
}

/* Accordions */
.pix_accordion .panel {
    border: 0px;
    line-height: 24px;
    border-radius: 0px;
    box-shadow: none;
    background-color: transparent;
}

.pix_accordion .panel-body {
    color: #888;
    border-top: 0px !important;
}

.pix_accordion .panel-heading {
    border-radius: 3px;
    padding: 10px 20px;
}

/* Slider */
.pix_accordion .panel-title {
    color: #888;
}

/* Header */
.pix-fixed-top {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.pix-over-header {
    position: absolute;
    width: 100%;
    z-index: 9999;
}

.dropdown {
    display: inline-block;
    position: relative;
}

.pix-header-nav li a {
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.pix-header-nav > li > a {
    font-weight: bold;
}

.pix_nav_menu .navbar-nav > li > a:hover,
.pix_nav_menu .navbar-nav > li.active,
.pix_nav_menu .navbar-nav > li > a:focus {
    background: rgba(0, 0, 0, 0.03);
    border-radius: 3px;
}

.pix_scroll_menu .navbar-nav > li > a:hover,
.pix_scroll_menu .navbar-nav > li.active,
.pix_scroll_menu .navbar-nav > li > a:focus {
    background: rgba(0, 0, 0, 0.03);
    border-radius: 3px;
}

.dropdown-menu {
    border-radius: 2px;
    border: 0px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    /*padding: 0px;*/
}

.dropdown-menu li a {
    padding-top: 10px !important;
    padding-bottom: 10px;
}

.fancybox-container {
    z-index: 99999 !important;
}

.pix_scroll_menu {
    z-index: 99998 !important;
}

.pix-header-nav .open a,
.pix-header-nav .hover_open a {

}

.dropdown-menu > li > a {
    font-weight: 400;
    color: #444;
    padding: 5px 15px;
    padding-bottom: 10px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #777;
    background: rgba(0, 0, 0, 0.05);
}

.pix-full-height {
    min-height: 100vh !important;
}

.pix_scroll_menu {
    position: fixed;
    width: 100%;
    top: -80px;
    visibility: hidden;
    z-index: 999999;
    background: #fff;
    /*box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15), 0 3px 12px 0 rgba(0,0,0,0.08);*/
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08), 0 2px 5px 0 rgba(0, 0, 0, 0.04);
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

img.scroll_logo_img {
    max-height: 30px !important;
    width: auto;
}

.navbar-toggle {
    border: 0px solid transparent;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-collapse.in {
    border-color: transparent;
    box-shadow: none;
}

@media screen and (max-width: 768px) {
    /* Mobile Misc */
    .mobile-text-center {
        text-align: center !important;
    }

    .mobile-text-left {
        text-align: left !important;
    }

    .nav-mobile-center a {
        text-align: center;
        padding-left: 0px !important;
    }

    .mobile-float-none {
        float: none;
    }

    .pix_nav_menu.pix-over-header {
        background: #444;
    }

    img.pix-logo-img {
        max-height: 28px !important;
        width: auto;
    }

}

.navbar-default .navbar-toggle .icon-bar {
    background-color: rgba(0, 0, 0, 0.3);
}

@media screen and (min-width: 768px) {
    /* Misc */
    .pix-lg-inline-block {
        display: inline-block;
    }

    .pix-nav-first-left {
        padding-left: 0px !important;
    }

    .pix-nav-first-left > ul > li:first-child > a {
        padding-left: 0px
    }

    .pix-header-nav .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        margin-top: 10px !important;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .pix-header-nav .open > .dropdown-menu,
    .pix-header-nav .hover_open > .dropdown-menu {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        margin-top: 0px !important;
        border-radius: 3px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 3px 12px 0 rgba(0, 0, 0, 0.08);
        overflow: hidden;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    /*.dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{*/
    .dropdown:hover .dropdown-menu {
        display: block;
    }

    .dropdown-menu {
        margin-top: 0;
    }

    .dropdown-toggle {
        margin-bottom: 2px;
    }

    .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle {
        margin-bottom: 0;
    }
}

/* Slider */
.carousel-inner.item-450 > .item {
    max-height: 450px;
    min-width: 100%;
    height: auto;
}

.carousel-inner.item-600 > .item {
    max-height: 600px;
}

.pix-slider {
    border-radius: 3px;
    overflow: hidden;
}

.pix-slider .carousel-title {
    font-weight: bold;
}

.pix-slider .carousel-title, .pix-slider .carousel-text {
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.2);
}

.pix-slider .carousel-caption {
    vertical-align: middle;
    top: 20%;
    bottom: auto;
}

.pix-slider .item-600 .carousel-caption {
    vertical-align: middle;
    top: 25%;
    bottom: auto;
}

.col-md-1 .pix-slider .carousel-caption, .col-md-2 .pix-slider .carousel-caption,
.col-md-3 .pix-slider .carousel-caption, .col-md-4 .pix-slider .carousel-caption,
.col-md-5 .pix-slider .carousel-caption, .col-md-6 .pix-slider .carousel-caption {
    top: 0;
    padding-top: 0px;
}

.col-md-1 .pix-slider .carousel-title, .col-md-1 .pix-slider .carousel-text,
.col-md-2 .pix-slider .carousel-title, .col-md-2 .pix-slider .carousel-text,
.col-md-3 .pix-slider .carousel-title, .col-md-3 .pix-slider .carousel-text,
.col-md-4 .pix-slider .carousel-title, .col-md-4 .pix-slider .carousel-text,
.col-md-5 .pix-slider .carousel-title, .col-md-5 .pix-slider .carousel-text,
.col-md-6 .pix-slider .carousel-title, .col-md-6 .pix-slider .carousel-text {
    font-size: 18px;
    line-height: 20px;
}

.col-md-6 .pix-slider .carousel-caption {
    top: 0%;
}

.carousel-control {
    opacity: 0.3;
    filter: alpha(opacity=30);
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.carousel-control:hover,
.carousel-control:focus {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

/* Modals */
.pix-letter-popup {
    background-image: url('../images/newsletter-pattern.png');
    background-position: top;
    background-repeat: repeat-x;
}

.modal {
    background: rgba(0, 0, 0, 0);
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.modal.in {
    margin: 0px !important;
    padding: 0px !important;
    right: 0px !important;
    z-index: 9999999;
    background: rgba(50, 50, 50, 0.7);
}

.modal-content {
    border: none;
    border-radius: 2px;
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.05), 0 30px 75px 0 rgba(0, 0, 0, 0.1);
}

.modal-header {
    border-bottom: 0;
    padding-top: 0px;
    padding-right: 26px;
    padding-left: 26px;
    padding-bottom: 0px;
}

.modal-body {
    border-bottom: 0;
    padding-top: 0px;
    padding-right: 26px;
    padding-left: 26px;
    padding-bottom: 10px;
    font-size: 15px;
}

.modal-footer {
    border-top: 0;
    padding-top: 0px;
    padding-right: 26px;
    padding-bottom: 26px;
    padding-left: 26px;
}

.modal-header .close {
    margin-top: 5px;
    margin-right: -15px;
    font-size: 30px;
}

.pix-letter-popup .modal-header .close {
    margin-top: 15px;
}

.modal-open {
    overflow-y: auto !important;
}

.modal-body .container {
    position: relative;
    max-width: 100%;
}

.modal.pix_popup.in::-webkit-scrollbar {
    display: none;
    overflow: -moz-scrollbars-none;
}

@media (min-width: 768px) {
    .modal-sm-2 {
        width: 400px;
    }
}

/* IE fix */
*::-ms-backdrop, .pix-round-shape-180 img {
    position: relative;
    display: inline-block;
    height: 100%;
    width: auto;
    max-width: inherit;
    left: 0;
    top: 0;
    -webkit-transform: translateY(0%) translateX(0%);
}

.jarallax {
    position: relative;
    z-index: 0;
}

.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#faq .panel-default > .panel-heading {
    background-color: #f5f5f5;
}

#screenshots .swiper-slide {
    width: auto;
    margin-right: 30px;
    height: 450px;
}

#screenshots .swiper-slide > img {
    height: 100%;
}

/*插件视频介绍*/
.addon-video-preview {
    position: relative;
    margin: 0px;
    height: 450px;
    width: 720px;
    z-index: 9;
}

.addon-video-preview > .preview-link {
    display: block;
    width: 100%;
    height: 100%;
}

.addon-video-preview > .preview-link:before {
    background: #f4f6f8;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
}

.addon-video-preview:hover .preview-link::before {
    background: #f4f6f8;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
}

.addon-video-preview:hover .addon-video-img {
    opacity: 1;
}

.addon-video-preview .addon-video-img {
    height: 100%;
    display: block;
    text-align: center;
    overflow: hidden;
    background: url('../images/blank.gif') no-repeat center center;
    background-size: contain;
    position: relative;
    z-index: 2;
    opacity: .8;
}

.addon-video-preview .addon-video-img img {
    /*object-fit: cover;*/
    /*width: 100%;*/
    height: 100%;
    border: 0;
}

.addon-video-preview > .quickview-link {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    z-index: 9;
    color: #fff;
    width: 60px;
    height: 60px;
    text-indent: -9999px;
    background-image: url(../images/play.png);
    background-size: 100% 100%;
}

.list-license-diff dd {
    line-height: 25px;
}

.dropdown-license {
    margin: 0;
    padding: 0;
    min-width: 250px;
}

.dropdown-license li > a {
    display: block;
    height: 100%;
    padding: 10px 15px;
}

.dropdown-license li > a:hover {
    background: #efefef;
}

.dropdown-license li::after {
    background: #eee;
    margin: 0 10px;
    height: 1px;
    display: block;
    content: ' ';
}

.dropdown-license li:last-child::after {
    display: none;
}

/*浮动购买按钮*/
.navbar-header {
    position: relative;
}

.navbar-header .header-action {
    position: absolute;
    top: 8px;
    left: 0;
    background: #fff;
    width: 300px;
    padding: 0;
    margin: 0;
    z-index: 99;
}

@media (max-width: 991px) and (min-width: 768px) {
    body.inheadernav .navbar-header {
        width: 300px;
        position: absolute;
        overflow: visible;
    }
}

.navbar-header .header-action .btn.btn-lg {
    padding: 12px 30px;
}

.screenshots-tabs a {
    margin: 0 10px;
}

.screenshots-tabs a.active {
    box-shadow: none;
    background-color: #59a3fc;
    color: #fff;
}

.screenshots-container {
    display: none;
}

.screenshots-container.active {
    display: block;
}

@media (min-width: 768px) {
    .dropdown-menu-price {
        overflow: hidden;
    }

    .dropdown-license {
        /*width: 530px;*/
        width: 100%;
        display: -webkit-flex;
        display: flex;
        /*flex-wrap: wrap;*/
        justify-content: space-between;
    }

    .dropdown-license li {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        min-width: 260px;
    }

    .dropdown-license li::after {
        display: none;
    }

    .dropdown-license li:last-child {
        /*width: 100%;*/
        /*flex-basis: 100%;*/
        /*clear: both;*/
        /*border-top: 1px solid #eee;*/
    }
}

.header-wave-white, .header-wave-gray {
    position: relative;
    padding-bottom: 150px;
}

.header-wave-white::after, .header-wave-gray::after {
    position: absolute;
    bottom: 0;
    content: ' ';
    left: 0;
    width: 100%;
    height: 48px;
    margin-top: -48px;
    background-image: url("../images/wave-white.svg");
    background-size: cover;
}

.header-wave-gray::after {
    background-image: url("../fonts/wave-gray.svg");
}

#features .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

#features .row > .column {
    display: flex;
    flex-direction: column;
}

#features .row > .column > .pix-content {
    height: 100%;
}
